﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="archiveMainPage.aspx.cs"
    Inherits="EcaArchive.UI.archiveMainPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="Stylesheet" href="../../EcaCSS/archiveCSS/archiveMainPage.css" type="text/css"
        charset="utf-8" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
        <div class="raised">
            <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
            <div class="boxcontent">
                <table id="nav_table" border="0" cellpadding="2" cellspacing="2">
                    <tr>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_bcgf.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_dzwd.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_fazl.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_gcda.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_gxzy.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_more.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_blank.gif" />
                        </td>
                    </tr>
                </table>
            </div>
            <b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b>
        </div>
        <div id="pageBody">
            <div id="sideBar">
                <%--<div id="wrapper">--%>
                    <div class="box demo1">
                        <ul class="tab_menu">
                            <li class="current">最新资料</li>
                            <li>我的消息</li>                                                       
                        </ul>
                        <div class="tab_box">
                            <div>
                                <li><span>?</span><a href="#">A项目一层平面图.dwg</a></li>
                                <li><span>?</span><a href="#">A项目一层平面图.dwg</a></li>
                                <li><span>?</span><a href="#">A项目一层平面图.dwg</a></li>
                                <li><span>?</span><a href="#">A项目一层平面图.dwg</a></li>
                                <li><span>?</span><a href="#">A项目一层平面图.dwg</a></li>
                            </div>
                            <div class="hide">
                                <ul>
                                    <li><span>?</span><a href="#">您有南通小学项目-“设计校审”流程待办理</a></li>
                                    <li><span>?</span><a href="#">您有南通小学项目-“专业互提资料”流程待办理</a></li>
                                    <li><span>?</span><a href="#">您有南通小学项目-“设计校审”流程待办理</a></li>                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                <%--</div>--%>
            </div>
            <div id="arrowBox">
                <div title="Close" class="sideBarButton"></div>
            </div>
            <div id="mainBody">
                <table border="0" cellpadding="2" cellspacing="2">
                    <tr>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_bcgf.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_dzwd.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_fazl.gif" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_gcda.gif" />
                        </td>
                        <td>
                            <img src="../../EcaResource/Image/MainPage/archiveMainPage_gxzy.gif" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    </form>
    <script type="text/javascript" src="../../EcaScript/Common/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../../EcaScript/archiveScript/tabPage/jquery.tabs.js"></script>
    <script type="text/javascript" src="../../EcaScript/archiveScript/tabPage/jquery.lazyload.js"></script>
    <script type="text/javascript">
        //TabPage
        $(function () {
            $("img[original]").lazyload({ placeholder: "images/color3.gif" });
            $('.demo1').Tabs();
            $('.demo2').Tabs({
                event: 'click'
            });
            $('.demo3').Tabs({
                timeout: 300
            });
            $('.demo4').Tabs({
                auto: 3000
            });
            $('.demo5').Tabs({
                event: 'click',
                callback: lazyloadForPart
            });
            //部分区域图片延迟加载
            function lazyloadForPart(container) {
                container.find('img').each(function () {
                    var original = $(this).attr("original");
                    if (original) {
                        $(this).attr('src', original).removeAttr('original');
                    }
                });
            }
        });	
    </script>
    <script type="text/javascript">
        //左侧浮动隐藏JavaScript脚本
        $(function () {
            var F = $(".box"),//类型选择器
                H = $("#arrowBox"),//ID选择器
                $w = $("#sideBar");

            var D = "side-collapsed",
                /*
                    开始没有Class D，A=false；
                    判断#sideBar是否有side-collapsed                
                */
                A = $w.hasClass(D),
                C = $(".sideBarButton"),
                arrow = $("<div class=\"btn\">&nbsp;</div>").css("cursor", "pointer").click(G).hover(function () {
                    C.addClass("sidebarButton-over")
                },
                    function () {
                        C.removeClass("sidebarButton-over")
                    });

            C.append(arrow);

            function G() {
                if (A) {
                    C.removeClass("sidebarButton-over");
                    if (navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("MSIE 8") < 0) 
                    F.animate({ left: 170 });
                    $w.animate({ paddingLeft: 170 }, function () {$w.toggleClass(D)});
                    A = false;
                }else {
                    C.removeClass("sidebarButton-over");
                    if (navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("MSIE 8") < 0) 
                    F.animate({ left: 0 });
                    $w.animate({ paddingLeft: 20 }, function () {$w.toggleClass(D)});
                    A = true;
                } 
            }
        });
    </script>
</body>
</html>
